<template>
  <vue-tinymce v-model="content" :setting="setting" />
</template>

<script>
// import VueTinymce from '@packy-tang/vue-tinymce'
import toolbar from './toolbar'
import plugins from './plugins'
export default {
  // components: {
  //   VueTinymce
  // },
  data() {
    return {
      content: '',
      setting: {
        menubar: false,
        toolbar: toolbar,
        fontsize_formats: '11px 12px 14px 16px 18px 24px 36px 48px',
        toolbar_drawer: 'sliding',
        quickbars_selection_toolbar:
          'removeformat | bold italic underline strikethrough | fontsizeselect forecolor backcolor',
        plugins: plugins,
        language: 'zh_CN', // 本地化设置
        height: 350,
        images_upload_url: '/demo/upimg.php',
        images_upload_base_path: '/demo'
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>
